<script setup>
import Item from './PointItem.vue'
</script>

<template>
<div class="wrapper">
  <div class="pitem">
    <Item name="Point 1" location="Test location" treatment="Test treatment"></Item>
  </div>
  <div class="pitem">
    <Item name="Point 2" location="Test location" treatment="Test treatment"></Item>
  </div>
</div>
</template>

<style scoped>
.wrapper{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: start;
  background-color: #fff;
  min-height: 98vh;
  width: 20vw;
  flex-wrap: wrap;
  border-left: #999 0.1vw solid;
}
.pitem{
  display: flex;
  width: 20vw;
  height: auto;
  padding: 0.5vw;
}

</style>